<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 5.00 Transitional//EN">
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title></title>
  
  <!-- CSS -->
  <link rel="stylesheet" type="text/css" href="js/libs/SlickGrid-2.0.2/slick.grid.css">
  
  
  <link rel="stylesheet" type="text/css" media="screen" href="js/libs/SlickGrid-2.0.2/css/smoothness/jquery-ui-1.8.16.custom.css" />
  <!-- link rel="stylesheet" type="text/css" media="screen" href="css/jquery-ui-1.8.22.custom.css" /> -->
  
  <link rel="stylesheet" type="text/css" href="js/libs/SlickGrid-2.0.2/controls/slick.pager.css">
  <link rel="stylesheet" type="text/css" href="js/libs/SlickGrid-2.0.2/controls/slick.columnpicker.css">
  
  <link rel="stylesheet" type="text/css" href="css/style.css">
  

  <!-- 3rd Party JS -->
  <script src="js/libs/jquery-1.7.2.min.js"></script>
  <script src="js/libs/jquery-ui-1.8.22.custom.min.js"></script>
  <script src="js/libs/jquery.event.drag-2.2.js"></script>
  <script src="js/libs/jquery.event.drop-2.2.js"></script>
  
  <script src="js/libs/handlebars-1.0.0.beta.6.js"></script>
  <script src="js/libs/ember-1.0.pre.min.js"></script>
  
  <script src="js/libs/SlickGrid-2.0.2/slick.core.js"></script>
  <script src="js/libs/SlickGrid-2.0.2/plugins/slick.rowselectionmodel.js"></script>
  <script src="js/libs/SlickGrid-2.0.2/slick.dataview.js"></script>
  <script src="js/libs/SlickGrid-2.0.2/controls/slick.pager.js"></script>
  <script src="js/libs/SlickGrid-2.0.2/controls/slick.columnpicker.js"></script>
  <script src="js/libs/SlickGrid-2.0.2/plugins/slick.rowselectionmodel.js"></script>
  <script src="js/libs/SlickGrid-2.0.2/plugins/slick.cellselectionmodel.js"></script>
  <script src="js/libs/SlickGrid-2.0.2/slick.formatters.js"></script>
  <script src="js/libs/SlickGrid-2.0.2/slick.editors.js"></script>
  <script src="js/libs/SlickGrid-2.0.2/slick.grid.js"></script>
  
  <script src="js/libs/jquery.ba-tinypubsub.js"></script>
  
  
  <!-- Application JS -->
  <script src="js/admin.js"></script>

</head>

<body>


<script type="text/x-handlebars">

<header id="header" class="grad3 shadow1">
Investment Manager
{{#if App.userInfo.loginURL}}
{{#view Ember.Button target="App" action="login" }}Login{{/view}}
{{/if}}
{{#if App.userInfo.logoutURL}}
{{#view Ember.Button target="App" action="logout" }}Logout{{/view}}
{{/if}}
</header>

<section id="middle">
	<div id="middle-north" >
	    <form enctype="multipart/form-data">
			{{#if App.userInfo.userId}}
				{{view Ember.Select
    	   			contentBinding="App.adminController.gridTypeList"
       				optionLabelPath="content"
     				optionValuePath="content"
       				valueBinding="App.adminController.gridType"
       				prompt="Please Select"}}


				{{#if App.adminController.gridType}}

				<input name="file" type="file" />
				{{#view Ember.Button target="App.adminController" action="uploadData" }}Upload{{/view}}

				<b>Status:</b> {{App.adminController.uploadStatus}}
				{{/if}}
			{{/if}}
		</form>
	</div>
	<div id="middle-middle">
		{{#if App.userInfo.userId}}
	    <div id="myGrid" class="shadow1" style="width:100%;height:100%"></div>
		{{/if}}
	</div>
</section>

{{#if App.userInfo.userId}}

<section id="left">
<h3>Generate Sample Data</h3>
<br>
<ul>
<li>{{#view Ember.Button target="App.adminController" action="insertIssuers" }}Insert Issuers{{/view}}</li><br>
<li>{{#view Ember.Button target="App.adminController" action="deleteIssuers" }}Delete Issuers{{/view}}</li><br>
<li>{{#view Ember.Button target="App.adminController" action="insertListedInstruments" }}Insert Listed Instruments{{/view}}</li><br>
<li>{{#view Ember.Button target="App.adminController" action="deleteListedInstruments" }}Delete Listed Instruments{{/view}}</li><br>
<li>{{#view Ember.Button target="App.adminController" action="insertSymbols" }}Insert Symbols{{/view}}</li><br>
<li>{{#view Ember.Button target="App.adminController" action="deleteSymbols" }}Delete Symbols{{/view}}</li><br>
<li>{{#view Ember.Button target="App.adminController" action="insertExchanges" }}Insert Exchanges{{/view}}</li><br>
<li>{{#view Ember.Button target="App.adminController" action="deleteExchanges" }}Delete Exchanges{{/view}}</li><br>
<li>{{#view Ember.Button target="App.adminController" action="query" }}Query{{/view}}</li><br>
</ul>

{{/if}}

</section>
<footer id="footer" class="grad3"></footer>

</script>

</body>

</html>
